<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/header_footer.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/imports.css">
x    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
    <header class="header">
       <div class="container">
           <p class="left">24/7 Support &nbsp; :010-25418796 </p>
           <select class="right">
                   <option value="English">English</option>
                   <option value="China">China</option>
           </select>
           <div class="clearfix"></div>
       </div>
    </header>
    <nav class="navbar-list">
       <div class="container">
           <div class="left nav_img">
               <img src="images/logo.png" alt="" width="100%" class="img">
           </div>

           <button class="btn right btn-default glyphicon glyphicon-list" id="menu"></button>
          <ul class="right nav_block_a" >
              <li><a href="index.html" class="active">Home</a></li>
              <li><a href="About.html">About</a></li>
              <li><a href="Gallery.html">Gallery</a></li>
              <li><a href="contact.html">Contact</a></li>
          </ul>
       </div>

        <div class="clear"></div>
    </nav>


    <div class="banner">
        <script src="js/responsiveslides.min.js"></script>
        <script>
            $(function () {
                $("#slider").responsiveSlides({
                    auto: true,
                    nav: true,
                    speed: 500,
                    namespace: "callbacks",
                    pager: true,
                });
            });
        </script>
        <script>
            $(function () {
                $("#slider").responsiveSlides({
                    auto: true,
                    nav: true,
                    speed: 500,
                    namespace: "callbacks",
                    pager: true,
                });
            });
        </script>
        <div class="slider">
            <div class="container">
                <div class="callbacks_container">
                    <ul class="rslides" id="slider">
                        <li>
                            <h3>Mini footy</h3>
                            <p>Mini rugby league is a 9-a-side adapted version of the sport. It includes full contact but does not feature scrums and limits kicking to converting tries</p>
                            <a href="about.html">Read More<i class="glyphicon glyphicon-arrow-right"> </i></a>
                        </li>
                        <li>
                            <h3>Mod league</h3>
                            <p>Mod league follows on from mini footy; it introduces laws more common to the full international laws of rugby league, whilst also keeping the theme league.</p>
                            <a href="about.html">Read More<i class="glyphicon glyphicon-arrow-right"> </i></a>
                        </li>
                        <li>
                            <h3>Tag rugby</h3>
                            <p>Tag rugby, or flag rugby, is a non-contact team game in which each player wears a belt that has two velcro tags attached to it, or shorts with velcro patch</p>
                            <a href="about.html">Read More<i class="glyphicon glyphicon-arrow-right"> </i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>




    <div class="clear"></div>

    <article class="banner-nav">
        <div class="row">
            <div class="bg bg-light col-xs-12">
                <i class="glyphicon glyphicon-flag"></i>
                <span>Playing area</span>
            </div>
            <div class="bg bg-down col-xs-12">
                <i class="glyphicon glyphicon-tag"></i>
                <span>Player records</span>
            </div>
            <div class="bg bg-light col-xs-12">
                <i class="glyphicon glyphicon-tower"></i>
                <span>Summer Olympice</span>
            </div>
            <div class="bg bg-down col-xs-12">
                <i class="glyphicon glyphicon-bullhorn"></i>
                <span>Sevens Worlds Serise</span>
            </div>
            <div class="bg bg-light col-xs-12">
                <i class="glyphicon glyphicon-globe"></i>
                <span>Feture Concerns</span>
            </div>
        </div>
        <div class="clearfix"></div>s
    </article>



    <section class="welcome_section">
        <div class="container">
            <h1>Welcome Rugby Championship</h1>
            <div class="welcome_section_div">
                14 teams qualify for the 2013 Rugby League World Cup: Australia, England, New Zealand, Samoa, Wales, Fiji, France, Papua New Guinea, Ireland, Scotland, Tonga, Cook Islands, Italy and United States of America. The Tri-Nations series is expanded to include Argentina, and is renamed The Rugby Championship.
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <a href="" style="background: url(images/a1.jpg)">
                        <div class="simply" >
                            <h4>exerci tation ullamcorper suscipit</h4>
                            <p>A wonderful serenity has taken possession of my entire soul exerci tation ullamcorper suscipit</p>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <a href="" style="background: url(images/a2.jpg)">
                        <div class="simply" >
                            <h4>exerci tation ullamcorper suscipit</h4>
                            <p>A wonderful serenity has taken possession of my entire soul exerci tation ullamcorper suscipit</p>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <a href="" style="background: url(images/a3.jpg)">
                        <div class="simply" >
                            <h4>exerci tation ullamcorper suscipit</h4>
                            <p>A wonderful serenity has taken possession of my entire soul exerci tation ullamcorper suscipit</p>
                        </div>
                    </a>
                </div>



            </div>
        </div>
        <div class="clear"></div>
    </section>


    <article class="video_article">
        <div class="container">
           <div class="row">
               <div class="video_left col-lg-6 col-md-6 col-sm-6 col-xs-12">
                   <a href="" class="video-play">
                       <img src="images/c6.jpg" alt="" width="100%" >
                   </a>
               </div>
               <div class="video_right col-lg-6 col-md-6 col-sm-6 col-xs-12">
                   <h1>Watch the video about how it all started.</h1>
                   <a href="" class="">Share on Fackbook</a><br>
                   <a href="" class="" >Tweet this</a>
               </div>
           </div>
            <div class="clear"></div>
        </div>
    </article>

    <section class="popular-tags">
        <div class="container">
            <div class="row">
                <div class="new_section col-md-4 col-sm-12 col-xs-12">
                    <h1 class="new_section_h1">POPULAR TAGS</h1>
                    <p>Ut vehicula nisl ut purus tempus aliquet.</p>
                    <p>Nullam a risus pharetra nisi commodo auctor.</p>
                    <p>Proin venenatis velit a fringilla rutrum.</p>
                    <p>Nunc facilisis dolor ac suscipit volutpat.</p>
                    <p> Cras tempor justo ac mauris laoreet lacus efficitur.</p>
                    <p>Sed tincidunt enim ac elit tempor erat consequat.</p>
                    <p>Proin venenatis velit a fringilla rutrum.</p>
                    <p>Aliquam vulputate mi vestibulum mauris ultrices.</p>
                </div>
                <div class="figure1 col-md-4 col-sm-12 col-xs-12">
                    <figure class="">
                        <h1 class="new_section_h1">ABOUT</h1>
                        <img src="images/cnt.ab.jpg" alt="" width="100%">
                        <p>
                            Aenean ut condimentum magna, mattis pretium massa. Sed sollicitudin ullamcorper auctor. Duis vestibulum velit id augue pulvinar egestas. Morbi sed orci auctor, feugiat felis at, fermentum magna. In ac egestas lectus.
                        </p>
                    </figure>
                </div>
                <div class="figure2 col-md-4 col-sm-12 col-xs-12">
                    <figure class="">
                        <h1 CLASS="">OUR COACHES</h1>

                        <div class="row">
                            <div class="figure2_img col-sm-2 col-xs-4 col-md-4">
                                <img src="images/ch1.jpg" alt="" width="100%">
                            </div>
                            <div class="figure2_text col-sm-10 col-xs-8 col-md-8">
                                <h5>Phasellus at Tellus</h5>
                                <a href="">Aenean vestibulum</a>
                                <p> Donec ornare massa at velit fringilla, condimentum magna ornare tincidunt nulla dignissim.</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>

                        <div class="div_line"></div>
                        <div class="row">
                            <div class="figure2_img col-sm-2 col-xs-4 col-md-4">
                                <img src="images/ch2.jpg" alt="" width="100%">>
                            </div>
                            <div class="figure2_text col-sm-10 col-xs-8 col-md-8">
                                <h5>Phasellus at Tellus</h5>
                                <a href="">Aenean vestibulum</a>
                                <p class="color_grey">Donec ornare massa at velit fringilla, condimentum magna ornare tincidunt nulla dignissim.</p>
                            </div>
                        </div>
                    </figure>
                </div>
            </div>
            <div class="clear"></div>
        </div>
      </section>



      <article class="contact">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <h1 class="">sent up a meassage</h1>
                    <form action="#" class="input-group">
                        <input type="text" class="form-control" value="Name"/>
                        <input type="email" class="form-control" value="Email"/>
                        <textarea>请输入</textarea>
                        <button type="submit"  class="btn btn-s btn-success">SEND NOW</button>
                    </form>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <h1 class="">quick links</h1>
                    <div class="contact-info">
                        <ul class="">
                            <li><a href=""><i class="fa fa-facebook fa-fw"></i></a></li>
                            <li><a href=""><i class="fa fa-google-plus fa-fw"></i></a></li>
                            <li><a href=""><i class="fa fa-twitter fa-fw"></i></a></li>
                            <li><a href=""><i class="fa fa-instagram fa-fw"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

    </article>


    <footer class="footer">
        <div class="container">
            <a href="index.html" class="footer-logo"><img src="images/footer_logo.png" alt="" width="100%"></a>
            <div class="row">
                <div class=" col-lg-6 col-md-6 col-sm-12">
                    <p class="p_footer">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <ul class="">
                        <li><a href="">Home</a></li>
                        <li><a href="">About</a></li>
                        <li><a href="">Services</a></li>
                        <li><a href="">Typography</a></li>
                        <li><a href="">Gallery</a></li>
                        <li><a href="">Mail</a></li>
                    </ul>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </footer>
</body>
</html>


